<template>
    <el-container>
      <el-aside :style="{ width: isCollapse ? '64px' : '180px' }">
      <Aside/>
      </el-aside>
      <el-container>
        <el-header style="height: 70px;">

          <Header/>

        </el-header>
        <el-main>

          <RouterView />

        </el-main>
        <!-- <el-footer class="p1">软件222 杨超群 版权所有</el-footer> -->
      </el-container>
    </el-container>
</template>

<script setup>
import Aside from '../../components/aside.vue'
import Header from '../../components/navHeader.vue'

import { reactive , computed } from 'vue';
import { useStore } from 'vuex';


//创建store实例
const store = useStore()
const isCollapse = computed(() => store.state.menu.isCollapse)

</script>

<style>
.p1{
  background-color: rgb(145, 72, 248);
  font-size: 40px;
  text-align: center;
}

</style>
